render order - 程序员宅基地

threejs 正交投影渲染顺序 renderorder

为什么改了renderorder之后mesh1就显示在上面，因为mesh1的renderorder大于mesh2的renderorder，因此被放到了renderlist后面，后渲染。这与我刚开始想象的不同，我以为后加入场景的后绘制，因此第二个代码块的执行...

threejs- z-fighting 问题

在threejs中，使用z-buffer来处理模型的可见性，由于z-buffer是有限的，难免会出现两个面对应到同一个深度等级的情况，这种情况可能会造成模型的闪烁，破面，是使用threejs经常会遇到的一个问题。...

THREE.js渲染顺序

标签： three.js

本文主要讲述了THREE.js中的不透明物体和透明物体的渲染顺序，主要涉及THREE.js的以下内容：Materialblending及blending相关的一系列属性Object3Ddepth原文：https://segmentfault.com/a/1190000041221932。

透明的渲染

标签： unity 游戏引擎 three.js

透明分为两种:透明测试(Alpha Test),透明混合(Alpha blending),其中透明度测试只是根据Alpha通道阈值把对应的像素discard丢弃,得到的并不是真正的透明!Alpha blending是得到真正的透明.

Three.js系列之入坑感言

标签：游戏 javascript html5

three.js前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，...

百度地图-点击弹窗失效

标签：前端 javascript vue.js

mapvgl海量打点，点击弹窗显示详细信息说明

Cocos Creator 3.6 新特性详解 2/3：渲染篇

- **环境反射卷积（Reflection Convolution）** - **级联阴影（CSM, Cascaded Shadow Maps）** - **粒子噪声模块（Noise Module）** - **动态模型（Dynamic Mesh）** - **各向异性光照（Anisotropic Lighting）** ...

百度地图开发基础

创建应用步骤： ... ... 3.跳转到创建应用界面，输入应用名称、选择应用类型（一般为浏览器端）和启用服务，输入域名白名单，然后点击提交； 4.这时会在应用表格中，生成一条新记录，有对应的应用编号、应用名称和访问应用...

UGUI源码剖析（事件系统）

标签： unity3d ugui

EventSystem 看似名字很大，其实EventSystem处理和管理的是点击、触摸、键盘输入等事件，叫做InputEventSystem更为合适。 //系统输入模块 private List<BaseInputModule> m_SystemInputModules = new List...

Three.js 透明物体不能正常显示/渲染顺序的控制问题

标签： three.js 透明绘制问题透明闪动

本篇文章主要讨论Three.js中的渲染机制，以及在部分场景中透明的物体渲染不正确，渲染顺序错误等问题。国内好像很少有人有讨论这方面的问题，stackoverflow以及github倒是很多。在本文的最后将会贴出参考文章的地址...

Openlayers源码阅读（七）：图层canvas渲染

标签： openlayers layerRender 渲染

上一篇中，ol.renderer.canvas.Map在renderFrame()中通过getLayerRenderer()初始化ol.renderer.canvas.Layer，并调用了ol.renderer.canvas.Layer的prepareFrame()、composeFrame方法。文章目录导图一、ol.renderer...

three.js Lensflare镜头炫光效果

标签： three.js

three.js Lensflare镜头炫光效果 three官方的案例中带有这个js插件，效果如下。 /examples/?q=lens#webgl_lensflares 需要我么用到js/objects/Lensflare.js文件，以及几张图片。 ...

mapvgl使用优化

标签： javascript 前端 html

mapvgl优化

【THREE源码解析篇】THREE中透明物体绘制原理解析

标签： webgl

THREE中透明物体绘制原理解析1.WebGL中透明物体绘制原理1.1开启深度测试和Blend功能1.2首先绘制所有不透明的物体队列1.3关闭深度写入功能1.4绘制所有半透明的物体1.5释放深度缓冲区，使之可读可写2.THREE中透明物体...

我在vue单独组件中引入百度地图api,以及使用mapvgl,解决在vue中引入百度地图api

标签： vue.js javascript 前端

在vue组件中使用百度javascriptaAPI,以及mapvgl

Threejs中的透明对象、模型的重叠部位显示错误

根据需求，制作了一个平面看板，在外部模型之上，但是某些角度常常出现透明对象的模型重叠后显示错误的问题。在threejs中，使用深度缓冲（Z-Buffer）来完成场景可见性计算，即确定场景哪部分可见，哪部分不可见...

three.js之组对象

标签： javascript 前端开发语言

层级模型就是一个树的结构，他有一个组的概念，对于组我们可以进行旋转、平移等操作，那么组内的物体也会进行同样的操作，我们可以看下面的例子渲染出来的效果如下当然，我们还可以查看场景的结构 ...

Three.js的动态排版

标签： python webgl java

View demo 查看演示Download Source 下载源Kinetic Typography may sound complicated but it’s just the elegant way to say “moving text” and, more specifically, to combine motion ...

three.js动态扩散圆

主要就是用圆柱体的API，贴图过后，动态改变其scale就行了，下面是所用的图片，也是渐变的 function transparentObject(geometry, material) { var obj = new THREE.Object3D(); var mesh = new THREE.Mesh...

OpenLayers源码解析7 ol/layer/Vector.js

标签： javascript

ol/layer/Vector.js 父类 ol/layer/BaseVectorLayer-BaseVectorLayer 主要功能渲染矢量图层。任意设置的属性将被设置为基础属性，可以进行get/set。参数：VectorLayer({}) ...图层渲染的层级，若未指定则按加入...

04:canvas的三种渲染模式

什么是Canvas 使用UGUI来进行UI开发，离不开Canvas组件，所有的 UI 元素，要么自己包含 Canvas 组件，要么是 Canvas 组件所在 GameObject 的子节点。 2.Canvas 组件的参数 RenderMode，有三个选项：Screen Space -...

（四）UGUI源码分析之Raycaster

BaseRaycaster 派生出 GraphicRaycaster 和 Physics2DRaycaster...GraphicRaycaster 依赖Canvas ，会根据Canvas的sortingOrder和renderOrder以及 canvas.sortingLayerID, canvas.sortingOrder 作为针对RaycastResul...